Sync with react.dev @ abe931a8#921
Conversation
Prevent worktree contents from being tracked.
* Claude update for useActionState * Human edits * Feedback * Add link to form action docs * oops * claude feedback * Add error handling example. * Better useOptimistic and pending states. * Move up "cancelling queued actions" and update form example pending state * Ooops * Troubleshooting updates * Feedback
* added missing prop to useactionstate example * remove pending from total in first example
* Expand ViewTransition callback props reference documentation
Document the full callback signatures with ViewTransitionInstance
and types arguments, cleanup function return values, instance
properties (group, imagePair, old, new), and per-callback behavior.
* Add usage section for imperative animations with ViewTransition callbacks
Add "Animating imperatively with callbacks" usage section with Sandpack
example showing onEnter/onExit with instance.new.animate() and cleanup
functions. Includes addTransitionType integration example.
* Fiz lint
* Fix heading IDs to use no-space format for dead link checker
The dead link checker regex expects {/*id*/} format without spaces.
Prettier reformatted these to {/* id */} which broke anchor links.
* bump CI
* rm ;
* Human Updates
* Claude Feedback
* Add RSC Sandboxes * Recover from errors, parse directives in worker with AST * Fix client edits * fast refresh * hardening * make rsc-sandbox-test dev-only * add more examples to rsc-sandbox-test * remove rsc-sandbox-text from sidebar * Add inline server actions * fix lint * pin deps, update skill * remove [RSC Client Error] from logs * log error directly in worker * update worker
Imgur withdrew from the UK due to the Online Safety Act, breaking all images in the docs for UK-based users. This replaces all 195 Imgur image references across 18 documentation files with locally hosted copies served from react.dev/images/docs/scientists/. 50 image files are added to cover all direct references and dynamic size variants (s/m/b/l suffixes used by the getImageUrl helper). Fixes #8110 Co-authored-by: Tadao <tadao@travisfixes.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
4ab04fe to
97e01db
Compare
97e01db to
5807358
Compare
5807358 to
203f814
Compare
203f814 to
dfdfe60
Compare
Size changesDetails📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
115.17 KB (🟡 +49 B) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
Five Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/404 |
129.74 KB (🟡 +718 B) |
244.91 KB |
/500 |
129.75 KB (🟡 +718 B) |
244.92 KB |
/[[...markdownPath]] |
132.53 KB (🟡 +718 B) |
247.7 KB |
/errors |
130 KB (🟡 +719 B) |
245.16 KB |
/errors/[errorCode] |
129.97 KB (🟡 +718 B) |
245.14 KB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
| * `integrity`: 文字列。[真正性を検証する](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity)ために使用するモジュールの暗号化ハッシュ。 | ||
| * `nonce`: 文字列。厳格なコンテンツセキュリティポリシーを使用する際に[モジュールを許可するための暗号化 nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce)。 |
| * `integrity`: 文字列。[真正性を検証する](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity)ために使用するモジュールの暗号化ハッシュ。 | ||
| * `nonce`: 文字列。厳格なコンテンツセキュリティポリシーを使用する際に[モジュールを許可するための暗号化 nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce)。 |
This PR was automatically generated.
Merge changes from react.dev at abe931a
The following files have conflicts and may need new translations:
Please fix the conflicts by pushing new commits to this pull request, either by editing the files directly on GitHub or by checking out this branch.
DO NOT SQUASH MERGE THIS PULL REQUEST!
Doing so will "erase" the commits from main and cause them to show up as conflicts the next time we merge.